@charset "utf-8";
/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */}
body{font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;-webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{width:auto;max-width:100%;-ms-interpolation-mode: bicubic;}
a{outline:none;text-decoration:none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.pa{position: absolute;}
.pr{position: relative;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}

.ty0620{width:1198px;overflow:hidden;position:relative;margin:0 auto;}
.gz02{width:100%; overflow:hidden; position:relative; padding-top:10px;}
.gz02 li{width:18.158%;height:58px;line-height:58px;float:left; margin-right:25px; border:1px #acacac solid;}
.gz02 li span{display:block;height:100%;line-height:100%;overflow:hidden; background: url(../images/ty0620_11.png) no-repeat 9px 9px;}
.gz02 li a{display: block;padding:20px 0 0 70px; font-size:14px;font-size:1.4rem;line-height:20px; color:#333;  height:38px; background:url(../images/tyline_03.jpg) no-repeat 60px 9px}
.gz02 li.g002 span{background-image:url(../images/ty0620_13.png);}
.gz02 li.g003 span{background-image:url(../images/ty0620_08.png);}
.gz02 li.g004 span{background-image:url(../images/ty0620_03.png);}
.gz02 li.g005 span{background-image:url(../images/ty0620_05.png);}
.gz02 li.g005{margin-right:0;}

.gz02 li.g001 h3{
    font-size: 14px;
    padding:20px 0 0 67px; line-height:20px; color:#333; height:38px; background:url(../images/tyline_03.jpg) no-repeat 58px 9px;
    font-weight: normal;
}
.gz02 li.g001{
    position: relative;
}
.mask_content{
width: 100%;
height: 58px;
background-color: #7e7d7d;
background:rgba(0, 0, 0, 0.6);
/* *filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); */
 position: absolute;
 top: 0;
 left: 0;
 z-index: 9;
 display: none;
}
.gz02 li.g001 .mask_content a{
    display: block;
    padding-top:5px; 
    padding-left: 0;
    height:auto;
    background: none;
    color: #fff;
    text-align: center;
}
.gz02 li.g001:hover .mask_content{
display: block;
}
.gz02 li.g001 {
    position: relative;
    cursor: pointer;
    transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;


}
.animate-text {
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

.mask_content:hover .animate-text {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);

    opacity: 1;
}
.gz02 li.g001 .mask_content {
    z-index: 99;
    position: absolute;
    /* padding: 30px;
    height: calc(100% - 60px); */
}

.mask_content .mask_a {
    transform: translateX(80px);
    -ms-transform: translateX(80px);
    -webkit-transform: translateX(80px);

}

.mask_content .mask_b {
    transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    transition-delay: 0.2s;
}





@media screen  and (max-width:1138px) {
	.gz02 li{width:17.158%;}
	
}
@media screen  and (max-width:1024px) {
	.ty0620{width:auto;}
	.gz02 li{margin-right:21px;}
	.gz02 li{ height:auto;}
	}
@media screen and (max-width: 812px) {	
	.gz02 li{ width:48%; margin-bottom:10px;}
	.gz02 li.g002,.gz02 li.g003{ margin-right:0; float:right;}
}
@media screen  and (max-width:736px) {
	.gz02 li{ width:45.958%; margin-bottom:16px; height:58px;}
	 .gz02 li a{padding-top:22px;}
	 /*.gz02 li.g001 a{padding-top:10px;}*/
	}
@media screen and (max-width:480px) {
}
@media screen and (max-width:380px) {
.gz01 li.g03 a,.gz01 li.g04 a,.gz01 li.g05 a{line-height:21px;padding-top:5px;}
.gz02 li a{ font-size:1.5rem; font-size:15px;}
.gz02 li span{background-position:6px 10px;}
.gz02 li a{padding-left:56px;}

}
@media screen and (max-width:380px) {
	.gz02 li a{background-position:50px 9px;}
	.gz02 li.g001 a{padding-top:10px;}
}